<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>工作机会</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="./css/job.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/job.js"></script>
    <link rel="shortcut icon" href="favicon.ico" />
  </head>
  <body>
    <!-- 头部制作开始 -->
    <div class="head w">
      <div></div>
      <div><a href="../../index.html"><img src="./img/logo.png" alt="" /></a></div>
      <div></div>
    </div>
    <!-- 导航栏模块 -->
    <nav class="w">
      <ul>
        <li><a href="javascript:;">Job Offers</a></li>
        <li><a href="javascript:;">Unsolicited Application</a></li>
        <li id="car">
          <a href="javascript:;">My career</a>

          <ul class="pulldown">
            <li class="span_one1">
              <span class="span_one"></span>
              <a href="javascript:;">Overview</a>
            </li>
            <li><a href="javascript:;">Applications</a></li>
            <li><a href="javascript:;">Correspondence</a></li>
            <li><a href="javascript:;">Login data</a></li>
            <li><a href="javascript:;">Job bookmarker</a></li>
            <li><a href="javascript:;">Job subscription</a></li>
            <li><a href="javascript:;">Events</a></li>
          </ul>
        </li>
        <li><a href="javascript:;">Job subscription</a></li>
      </ul>
      <div class="right">
        <span><a href="javascript:;">EN</a></span>
        <span><a href="javascript:;">Login</a></span>
      </div>
    </nav>
    <!-- 焦点图 -->
    <div class="banner w">
      <img src="./img/visual_joblocator.jpg" alt="" />
      <p class="home">Home</p>
    </div>
    <!-- 主页 -->
    <div class="main w">
      <div class="left">
        <h1>Welcome</h1>
        <p class="one">
          Would you like to experience the fascination of Porsche?
          <br />
          <br />
          Here you can view our job offeres based on your preferences. Take your
          chance and apply online.
        </p>
        <h2>Job search</h2>
        <form action="">
          <div class="form-group">
            <span>Keywords</span>
            <input type="text" placeholder="Keyword, Job-ID" />
          </div>
          <div class="form-group">
            <span>Function</span>
            <select name="" id="">
              <option value="">All functions</option>
              <option value="">Administration</option>
              <option value="">After Sales</option>
              <option value="">Business strategy / Management</option>
              <option value="">Catering / Service</option>
              <option value="">Connected Car</option>
              <option value="">
                Construction / Property Management / Architecture
              </option>
              <option value="">Consulting</option>
              <option value="">Design</option>
              <option value="">E-Mobility</option>
              <option value="">Environmental and Energy Management</option>
              <option value="">Finances / Controlling</option>
              <option value="">HR / Personnel</option>
              <option value="">IT</option>
              <option value="">Legal issues</option>
              <option value="">Logistics</option>
              <option value="">Marketing</option>
              <option value="">Medicine / Social issues</option>
              <option value="">Other interesting positions</option>
              <option value="">Planning / Organisation</option>
              <option value="">PR / Communications</option>
              <option value="">Production</option>
              <option value="">Project Management</option>
              <option value="">Purchasing</option>
              <option value="">Quality assurance</option>
              <option value="">Training</option>
              <option value="">Workshop/Repair</option>
            </select>
          </div>
          <div class="form-group">
            <span>Entry Level</span>
            <select name="" id="">
              <option value="">All entry levels</option>
              <option value="">Internship</option>
              <option value="">Internship for pupils</option>
              <option value="">Thesis</option>
              <option value="">Temporary staff</option>
              <option value="">Working Student</option>
              <option value="">Qualified Employees</option>
              <option value="">Graduates / Young Professionals</option>
              <option value="">Professionals</option>
              <option value="">Management</option>
              <option value="">Vocational Training</option>
              <option value="">Dual Study</option>
            </select>
          </div>
          <div class="form-group">
            <span>Country / Region</span>
            <select name="" id="">
              <option value="">All countries / regions</option>
              <option value="">Germany</option>
              <option value="">Austria</option>
              <option value="">Brazil</option>
              <option value="">China</option>
              <option value="">Czech Republic</option>
              <option value="">France</option>
              <option value="">Romania</option>
              <option value="">Singapore</option>
              <option value="">Switzerland</option>
              <option value="">United Arab Emirates</option>
              <option value="">United States of America</option>
            </select>
          </div>
          <div class="form-group">
            <span>Location</span>
            <select name="" id="">
              <option value="">All locations</option>
              <option value="">Altötting</option>
              <option value="">Antibes</option>
              <option value="">Arpajon</option>
              <option value="">Asnières-sur-Seine</option>
              <option value="">Atlanta</option>
              <option value="">Augsburg</option>
              <option value="">Baden-Baden</option>
              <option value="">Bamberg</option>
              <option value="">Bayreuth</option>
              <option value="">Bensberg</option>
              <option value="">Berlin</option>
              <option value="">Bietigheim-Bissingen</option>
              <option value="">Bonn</option>
              <option value="">Braunschweig</option>
              <option value="">Bremen</option>
              <option value="">Chemnitz</option>
              <option value="">Darmstadt</option>
              <option value="">Dortmund</option>
              <option value="">Dresden</option>
              <option value="">Dubai</option>
            </select>
          </div>
          <div class="form-group">
            <span>Division</span>
            <select name="" id="">
              <option value="">All divisions</option>
              <option value="">Porsche AG</option>
              <option value="">Porsche Leipzig GmbH</option>
              <option value="">Porsche Deutschland GmbH</option>
              <option value="">Porsche Engineering</option>
              <option value="">Porsche Consulting GmbH</option>
              <option value="">Porsche Lizenz- und Handels GmbH</option>
              <option value="">Porsche Logistik GmbH</option>
              <option value="">Porsche Dienstl. GmbH</option>
              <option value="">Porsche Financial Services GmbH</option>
              <option value="">MHP - A Porsche Company</option>
              <option value="">Porsche Werkzeugbau GmbH</option>
              <option value="">Porsche Digital GmbH</option>
              <option value="">Centre Porsche Antibes</option>
              <option value="">Centre Porsche Arpajon</option>
              <option value="">Centre Porsche Nantes</option>
              <option value="">Centre Porsche Roissy</option>
              <option value="">Centre Porsche Rouen</option>
              <option value="">CETITEC GmbH</option>
              <option value="">Pichler GFG AG</option>
              <option value="">Porsche (China) Motors Ltd.</option>
              <option value="">Porsche Asia Pacific</option>
              <option value="">Porsche Brasil</option>
            </select>
          </div>
          <div class="form-group button-container btm">
            <span class="one">798 Hits</span>
          </div>
          <div class="form-group button-container last">
            <span class="two">Reset</span>
          </div>
        </form>
      </div>
      <div class="right">
        <h2>Login</h2>
        <p class="one">
          In order to apply online you have to create an account. <br />
          You are already registered?<br />
          Please enter you username and your password:
        </p>
        <p class="two">Mandatory fields are marked with (*).</p>
        <label>Username*</label>
        <input type="text" placeholder="Username" />
        <label>Password*</label>
        <input type="password" placeholder="Password" />
        <button class="login">Login</button>
        <a href="javascript:;">Forgot password</a>
        <a href="javascript:;">Forgot username</a>
        <button class="rge">Register</button>
      </div>
    </div>
    <div class="row w">
      <span
        ><a href="#"><em>↑</em><i>To the top</i></a></span
      >
    </div>
    <!-- 尾部 -->
    <footer>
      <div class="footer w">
        <span class="time">© 2021 - Dr. Ing. h.c. F. Porsche AG</span>
        <span class="help">
          <ins> Help.Imprint. Data privacy statement.</ins></span
        >
      </div>
    </footer>
  </body>
</html>
